<div  ng-include="'app/business/home/template/navigation.html'"></div>
<div class="sendworkBox">
    <div class="sendBoxCon">
        <h1>发布职位</h1>
        <div class="workTab">
            <ul ng-init="showWOrk=0">
                <li ng-class="{'borderColor':showWOrk==0}" ng-click="showWOrk=0">社会职位</li>
                <li ng-class="{'borderColor':showWOrk==1}" ng-click="showWOrk=1">实习职位</li>
            </ul>
        </div>
        <div class="workForm">
            <div class="FormCon">
                <p class="fitst first3 fitst2">
                    <span class="first3"><i>*</i> 职位名称：</span><input type="text" maxlength="22" ng-change="positname(positionName)" ng-model="positionName" />
                </p>
                <p class="fitst two first3 fitst2">
                    <span>所属部门：</span><input type="text" ng-change="saveDepar(deparment)" ng-model="deparment" />
                </p>
            </div>
            <div class="FormCon">
                <p class="fitst first3 peopleNums">
                    <span class="first3"><i>*</i>招聘人数：</span>
                    <input onkeyup="this.value=this.value.replace(/[^\d]/g,'')" placeholder="请输入个数" min="0" type="text" 
                    	ng-change="needNum(needPeoNum)" ng-model="needPeoNum" />
                    	<span  class="peopleNum">0表示若干</span>
                </p>
                <p class="two first3">
                    <span>语言1：</span>
                   <ul class="lanSelectOne" style="margin-left: -9px;">
                             <b ng-bind="choiLanone">请选择</b>
                            <ul style="height: auto;width: 100%;">
                                <li ng-repeat="item in languaOne track by $index" id="item.languageId" ng-click="savelanOne(item)" ng-bind="item.name">1111</li>
                            </ul>

                     </ul>
                    <ul class="lanSelectTwo">
                        <b ng-bind="choiLanonegra">请选择</b>
                        <ul>
                            <li ng-repeat="item in languaOneSize track by $index" id="item.gradeId" ng-click="savelanOnegra(item)" ng-bind="item.name">1111</li>
                        </ul>
                    </ul>
                </p>
            </div>
            <div class="FormCon">
                <p class="fitst first3">
                    <span class="first3"><i>*</i>工作地点：</span>
                <ul class="lanSelectOne" style="margin-left: -9px;">
                    	 <b ng-bind="choiceAddress"></b>
                    <ul>
                        <li ng-click="savePriceId(item)" ng-repeat="item in provinceCon track by $index" id="{{ item.provinceId }}" ng-bind="item.provinceName"></li>
                    </ul>
                </ul>
                <a class="linkdis" href="javascript:;">省</a>
                <ul class="lanSelectOne widthlase">
                    <b ng-bind="regionName">请选择</b>
                    <ul>
                        <li ng-click="saveCItyId(item)" ng-repeat="item in Mycity track by $index" id="item.regionId" ng-bind="item.regionName"></li>
                    </ul>
                </ul>
                <a class="linkdis" href="javascript:;">市</a>
                 <ul class="lanSelectOne">
                    <b ng-bind="areaName">请选择</b>
                    <ul>
                        <li ng-click="saveArea(item)" ng-repeat="item in areaCon track by $index" id="item.areaId" ng-bind="item.areaName"></li>
                 
                    </ul>
                </ul>
                <a class="linkdis" href="javascript:;"> 区/县</a>
                </p>
                <p class="two two2 first3">
                    <span>语言2：</span>
                <ul class="lanSelectOne" style="margin-left: -9px;">
                    <b ng-bind="choiLanTwo">请选择</b>
                    <ul style="height: auto;width: 100%;">
                        <li ng-repeat="item in languaOne track by $index" id="item.languageId" ng-click="savelanTwo(item)" ng-bind="item.name">1111</li>
                    </ul>
                </ul>
                </ul>
                <ul class="lanSelectTwo">
                        <b ng-bind="choiLanTwogra">请选择</b>
                        <ul>
                            <li ng-repeat="item in languaOneSize track by $index" id="item.gradeId" ng-click="savelanTwogra(item)" ng-bind="item.name">1111</li>
                        </ul>
                    </ul>
                </p>
            </div>

            <div class="FormCon">
                <p class="fitst first3">
                    <span class="first3">&nbsp;</span><input ng-model="DeatilsAddre" maxlength="28" ng-change="saveDeatailsAdd(DeatilsAddre)" type="text" placeholder="请输入详细地址"/>
                </p>
                <p class="two first3">
                    <span style="margin-left: 3px;" class="first3">专业1：</span>
                    <input style="margin-left: -13px;width: 338px;" ng-blur="leaveMajor()" ng-focus="showMajor(majorConf)" type="text" name="major" required ng-model="majorConf.detail.pdcName" placeholder="请选择"/>
                	 <i class="iconJa">+</i>
                </p>
                	<p>
                		<major-query  conf-data="majorConf" ></major-query>
                	</p>
            </div>
            <div class="FormCon">
                <p class="fitst fitst3">
                    <span class="first3"><i style="color: #ff0000;">*</i> 职能： <i class="iconJa2">+</i></span>
                	<input ng-focus="showWoekSkill()" type="text" placeholder="请选择" ng-model="jobInJobConf.showValue" />
                	
                 	<job-query conf-data="jobInJobConf" ></job-query>
                </p>
                <p class="two fitst4">
                    <span class="first3">专业2：</span><input style="margin-left: -13px;width: 338px;" placeholder="请选择" ng-blur="leaveBlur()" ng-focus="showMajor2(majorConf2.detail.pdcName)" type="text" ng-model="majorConf2.detail.pdcName"/>
                	  <i class="iconJa">+</i>
                </p>
               
                		<major-query  conf-data="majorConf2" ></major-query>
            </div>
            <div class="FormCon">
                <p class="fitst first3">
                    <span class="first3">工作年限：</span>
                    <ul class="lanSelectTwo lanSelectTwo2">
                        <b ng-bind="workYearname">请选择</b>
                        <ul>
                            <li ng-repeat="item in workYear track by $index" id="item.dictId" ng-click="saveworkYear(item)" ng-bind="item.dictName"></li>
                        </ul>
                    </ul>
                </p>
            </div>
            <div class="FormCon">
                <p class="fitst first3">
                    <span>最低学历：</span>
                     <ul class="lanSelectTwo lanSelectTwo2">
                        <b ng-bind="workStu">请选择</b>
                        <ul>
                            <li ng-repeat="item in Education track by $index" id="item.dictId" ng-click="saveworStu(item)" ng-bind="item.dictName"></li>
                        </ul>
                    </ul>
                </p>
            </div>
            <div class="FormCon">
                <p class="checkFI fitst first3">
                    <span class="first3"><i>*</i> 工作性质：</span>
                    <ul class="raidoCHeck">
                    	<li ng-repeat="item in workproperty track by $index">
                    		 <input ng-show="item.sequence>1" type="radio" 
                    		 	ng-click="check1(item,$index)" ng-checked="chec{{ item.sequence }}" id="{{ item.dictId }}" name="work" />
                    		 	<b ng-show="item.sequence>1" ng-bind="item.dictName"></b>
                    	</li>
                    </ul>
                   
                </p>
            </div>
            <div class="FormCon">
                <p class="fitst first3">
                    <span class="first3"><i style="padding-right: 7px;">*</i>薪资：</span>
                     <ul class="lanSelectTwo lanSelectTwo2">
                        <b ng-bind="moneyCon">请选择</b>
                        <ul>
                            <li ng-repeat="item in monye track by $index" id="item.srId" ng-click="saveworMoney(item)" ng-bind="item.srName"></li>
                        </ul>
                    </ul>
                </p>
            </div>
            <div class="FormCon">
                <p class="checkFI2 first3">
                    <span class="first3">福利：</span>
                    <input style="margin-left: -14px;" type="text" ng-change="controlLength(tagsWork)" ng-model="tagsWork" placeholder="添加福利标签最多10个，且每个标签不超过6个字" />
                    <b ng-click="saveTagsname(tagsWork)">添加</b>
                </p>
            </div>
            <div class="FormCon">
                <p class="checkFI3 first3">
                    <span>&nbsp;</span>
                    <ul class="checkFI3Con">
                    	<li ng-repeat="item in tags2 track by $index">
                    		<a href="javascript:;" ng-bind="item"></a>
                    		<b ng-click="deleteInput($index)" class="close"></b>
                    	</li>
                    </ul>
                </p>
            </div>
            <div class="FormCon">
                <p class="fitst first3">
                    <span class="first3">结束日期：</span>
                    <input style="margin-left: -14px;" ng-focus="showdata=1"  type="text" ng-model="workExpression.startValue" />
                </p>
            </div>
            <div ng-mouseleave="showdata=2" ng-show="showdata==1" class="FormCon" id="callenter">
            	<calandar ng-model="workExpression.startValue"></calandar>
            </div>
        </div>
    </div>
        <div class="FormCon">
            <p class="lastpwork first3">
                <span class="first3"><i>*</i>职位描述：</span>
                  <textarea placeholder="4000字以内" ng-model="textarea" maxlength="9999"  ng-change="checkText(textarea)" class="worlks"></textarea>
               		<a href="javascript:;">
               			<i ng-bind="length"></i>/4000
               		</a>
            </p>
        </div>
    <div class="sendBtnCon">
        <p class="confirm" ng-click="confirmSend()">确认发布</p>
       <!-- <p ng-click="previewWOrk()">预览</p>-->
    </div>
    </div>
    <div  ng-include="'app/business/common/footer.html'"></div>
<style>
.iconJa{
	position: relative;
	right: 27px;
	font-size: 14px;
	font-style: normal;
}
.iconJa2{
	position: absolute;
    left: 372px;
    top: 7px;
    font-size: 14px;
    font-style: normal;
}
#callenter{
	width: 400px;
	position: relative;
	left: 100px;
}
    .bordernone{
        border:none;
    }
    .sendworkBox{
        width:1198px;
        background: #fff;
        overflow: hidden;;
        border:1px solid #ddd;
        margin:0 auto;
        margin-top:20px;
        margin-bottom:50px;
    }
    .FormCon{
        clear: both;
    }
   .canBody{
    	position: relative;
    	left: 100px;
    	
    }
        .FormCon a.linkdis {
           display: block;
		    float: left;
		    margin: 6px 5px 0 -14px;
		    font-size: 14px;
  	  }
        .sendBoxCon{
            width:996px;
            overflow: hidden;
            margin-left:31px;
            margin-top:28px;
        }
            .sendBoxCon h1 {
                font-size: 20px;
                height:47px;
            }
            .workTab{
                height:40px;
                border-bottom:1px solid #ddd;
            }
                .workTab ul li{
                	cursor: pointer;
                    float: left;
                    width:76px;
                    height:38px;
                    text-align: center;
                    font-size:14px;
                }
                .workTab ul li.borderColor{
                    color: #30a3ff;
                    border-bottom:2px solid #30a3ff;
                }
               .FormCon p.fitst2{
               	margin-top: 40px;
               }
                .FormCon p.fitst{
                	float: left;
				    margin-bottom: 20px;
	            }
	            .FormCon p.peopleNums{
	            	position: relative;
	            }
	             .FormCon p.peopleNums span.peopleNum{
                	position: absolute;
                	right: -93px;
                	top: 10px;
                	color:#666 ;
                }
                .FormCon p.two{
                	float: left;
                    margin-left:100px;
                    position: relative;
                }
                .FormCon p.two2{
                    margin-left:-17px;
                }
                .FormCon p.twolan {
                    margin-left:60px;
                }
                .FormCon p.first3 span{
                    width:86px;
                    height:30px;
                    display: inline-block;
                    text-align: right;
                    margin-right:27px;
                }
                .FormCon p.first3 span i {
                    color: #ff0000;
                    padding-right:3px;
                }
                .FormCon p input[type=text],.worlage{
                    width:315px;
                    height:28px;
                    border:1px solid #ddd;
                    padding-left:5px;
                    margin-left:-9px;
                }
                .FormCon p input[type=check]{
                    vertical-align: middle;
                }
                .lanSelectOne{
                    position: relative;
                    width:95px;
                    height:28px;
                    border:1px solid #ddd;
                    margin-right:20px;
                    float: left;
                    line-height:28px;
                    padding-left:5px;
                    background: url(them/imgs/downIcon.jpg) 78px no-repeat;
                }
               
                
                .lanSelectOne ul {
                    position: absolute;
				    top: 29px;
				    left: -1px;
				    width: 162%;
				    height: 200px;
				    overflow: hidden;
				    overflow-y: auto;
				    background: #fff;
				    z-index: 11111;
				    border: 1px solid #ddd;
				    border-top: none;
				    border-bottom: none;
				    display: none;
                }
                .lanSelectOne:hover ul {
                    display: block;
                }
                .lanSelectOne  b,.lanSelectTwo b {
                    font-weight:normal;
                    display: block;
                    width:100%;
                    height: 100%;
                }
                .lanSelectOne ul li {
                    width:100%;
                    height:28px;
                    line-height:28px;
                    border-bottom:1px solid #ddd;
                    padding-left:5%;
                }
                .lanSelectOne ul li:hover{
                    background: #f1f1f1;
                }
                .lanSelectTwo{
                    width:215px;
                    height:28px;
                    line-height:28px;
                    padding-left:5px;
                    border:1px solid #ddd;
                    float: left;
                    position: relative;
                    background: url(them/imgs/downIcon.jpg) 197px no-repeat;
                }
                 .widthlase{
            	       width: 137px;
    					background: url(them/imgs/downIcon.jpg) 121px no-repeat;
                }
                .lanSelectTwo ul {
                    position: absolute;
                    top: 29px;
                    height: 146px;
                    overflow: hidden;
                    overflow-y:auto;
                    left: -1px;
                    width: 100%;
                    background: #fff;
                    z-index: 11111;
                    border: 1px solid #ddd;
                    border-top: none;
                    border-bottom:none;
                    display: none;
                }
                .lanSelectTwo2{
                    margin-left:-10px;
                	width: 316px;
                	padding-left: 5px;
                	background: url(them/imgs/downIcon.jpg) 303px no-repeat;
                }
                .lanSelectTwo:hover ul {
                     display: block;
                 }
                .lanSelectTwo ul li:hover{
                    background: #f1f1f1;
                }
                .lanSelectTwo ul li {
                    width:95%;
                    height:28px;
                    line-height:28px;
                    border-bottom:1px solid #ddd;
                    padding-left:5%;
                }
                .province,.city,.county{
                    margin-left:-4px;
                    width:78px;
                    height:28px;
                    border:1px solid #ddd;
                    margin-right:9px;

                }
                .city,.county{
                    margin-left:20px;
                }
                .checkFI b {
                        padding-right:10px;
                        padding-left:10px;
                        font-weight:normal;
                    }
                .raidoCHeck li {
                	float: left;
                	margin-right: 10px;
                }
                .raidoCHeck li b {
                	font-weight: normal;
                }
                .raidoCHeck li input{
                	vertical-align: middle;
                }
                .moneyMonth{
                    width:78px;
                    height:28px;
                    border:1px solid #ddd;
                }
                .money{
                    width:218px;
                    height:28px;
                    border:1px solid #ddd;
                    margin-left:20px;
                }
                .fitst3 span.first3{
            	    margin-left: 37px;
					margin-right: 29px;
					display: block;
					position: relative;
					float: left;
                }
                .fitst4 span.first3{
                	margin-left: 46px;
					margin-right: 29px;
                }
                .checkFI2 b {
                    display: inline-block;
                    width:60px;
                    height:30px;
                    background: #30a3ff;
                    text-align: center;
                    line-height:30px;
                    color: #fff;
                    font-weight:normal;
                    cursor: pointer;
                }
                .checkFI3 span {
                    float: left;
                }
                .checkFI3Con li{
                	float: left;
                	position: relative;
                	margin-left: 20px;
                    margin-bottom: 10px;
                }
                .checkFI3Con li a {
                	display: block;
                	border: 1px solid #e1f2fa;
                	text-align: center;
                	line-height: 28px;
                	padding-left: 16px;
                	padding-right: 16px;
                	height: 28px;
                	background: #edf9ff;
                	color: #30a3ff;
                }
                .checkFI3Con li b{
                	position: absolute;
                	width: 12px;
                	height: 12px;
                	top: 0;
                	right: -4%;
                	display: block;
                	background: url(them/imgs/ngInput.jpg) no-repeat;
                	cursor: pointer;
                }
                .worlks{
                    margin-left:-13px;
                    width:1017px;
                    height:202px;
                    border:1px solid #ddd;
                    resize: none;
                }
                .lastpwork {
                    margin-left:30px;
                    position: relative;
                }
                .lastpwork a {
                	display: block;
                	position: absolute;
                    right: 49px;
                    bottom: 4px;
                }
                .lastpwork span{
                    vertical-align: top;
                }
                .sendBtnCon {
                    width:254px;
                    height:31px;
                    margin:0 auto;
                    margin-bottom:15px;
                    margin-top:15px;
                    clear: both;
                }
                .sendBtnCon p {
                    cursor: pointer;
                    float: left;
                    width:106px;
                    height:28px;
                    background: #ffff;
                    border:1px solid #999;
                    text-align: center;
                    line-height:30px;
                }
                .sendBtnCon p.confirm{
                    width:108px;
                    height:30px;
                    background: #30a3ff;
                    border:none;
                    margin-right:30px;
                    color: #fff;
                }

</style>